
<form name="editForm" role="form" novalidate ng-submit="vm.save()">

    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"
                ng-click="vm.clear()">&times;</button>
        <h4 class="modal-title" id="myPresentLabel" data-translate="milkbeeApp.present.home.createOrEditLabel">Create or edit a Present</h4>
    </div>
    <div class="modal-body">
        <jhi-alert-error></jhi-alert-error>
        <div class="form-group" ng-show="vm.present.id">
            <label for="id" data-translate="global.field.id">ID</label>
            <input type="text" class="form-control" id="id" name="id"
                    ng-model="vm.present.id" readonly />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="milkbeeApp.present.gitId" for="field_gitId">Git Id</label>
            <input type="number" class="form-control" name="gitId" id="field_gitId"
                    ng-model="vm.present.gitId"
                     />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="milkbeeApp.present.createdAt" for="field_createdAt">Created At</label>
                <div class="input-group">
                    <input id="field_createdAt" type="text" class="form-control" name="createdAt" datetime-picker="{{dateformat}}" ng-model="vm.present.createdAt" is-open="vm.datePickerOpenStatus.createdAt"
                      />
                    <span class="input-group-btn">
                        <button type="button" class="btn btn-default" ng-click="vm.openCalendar('createdAt')"><i class="glyphicon glyphicon-calendar"></i></button>
                    </span>
                </div>
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="milkbeeApp.present.title" for="field_title">Title</label>
            <input type="text" class="form-control" name="title" id="field_title"
                    ng-model="vm.present.title"
                     />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="milkbeeApp.present.reason" for="field_reason">Reason</label>
            <input type="text" class="form-control" name="reason" id="field_reason"
                    ng-model="vm.present.reason"
                     />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="milkbeeApp.present.cost" for="field_cost">Cost</label>
            <input type="number" class="form-control" name="cost" id="field_cost"
                    ng-model="vm.present.cost"
                     />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="milkbeeApp.present.senderId" for="field_senderId">Sender Id</label>
            <input type="number" class="form-control" name="senderId" id="field_senderId"
                    ng-model="vm.present.senderId"
                     />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="milkbeeApp.present.senderLeaguerId" for="field_senderLeaguerId">Sender Leaguer Id</label>
            <input type="number" class="form-control" name="senderLeaguerId" id="field_senderLeaguerId"
                    ng-model="vm.present.senderLeaguerId"
                     />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="milkbeeApp.present.recieverId" for="field_recieverId">Reciever Id</label>
            <input type="number" class="form-control" name="recieverId" id="field_recieverId"
                    ng-model="vm.present.recieverId"
                     />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="milkbeeApp.present.recieverLeaguerId" for="field_recieverLeaguerId">Reciever Leaguer Id</label>
            <input type="number" class="form-control" name="recieverLeaguerId" id="field_recieverLeaguerId"
                    ng-model="vm.present.recieverLeaguerId"
                     />
        </div>

    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal" ng-click="vm.clear()">
            <span class="glyphicon glyphicon-ban-circle"></span>&nbsp;<span data-translate="entity.action.cancel">Cancel</span>
        </button>
        <button type="submit" ng-disabled="editForm.$invalid || vm.isSaving" class="btn btn-primary">
            <span class="glyphicon glyphicon-save"></span>&nbsp;<span data-translate="entity.action.save">Save</span>
        </button>
    </div>
</form>
